﻿/*
comment style by Arfen 2011-03-01
version number 1.0.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
body{font:12px/1.75 "宋体",arial,sans-serif;background:url(../images/comment_bg_top.gif) repeat-x top;}
fieldset{display:inline;}
button{line-height:1.2;vertical-align:middle;cursor:pointer;}
strong{font-weight:800;}
.yahei{ font-family:微软雅黑;}

/* Layout Rules */
.wrapper{width:960px;margin:0 auto;}
#hd,#bd,#ft{width:960px;overflow:hidden;margin:0 auto;}
.main{float:left;width:648px;border:1px solid #C3CBD5;}
.side{float:right;width:298px;}
#ft{text-align:center;}

/* Common Rules */
.wrapper {color:#333}
a{color:#0B3B8C;text-decoration:none;}
a:hover{color:#BC2D09;text-decoration:underline;}
.main .hd {background:#ffffff;overflow:hidden;zoom:1;}
.clear {}
.mod {margin-bottom:8px;*zoom:1;border:1px solid #DDE3EA; background:#F3F8FE;}
.mod .hd {width:296px;height:28px; border-bottom:1px solid #ddd; background-color:#fafafa;}
.mod .hd .lefttitle {float:left;line-height:28px;font-size:14px;padding-left:11px;} 
.mod .bd { padding-top:2px;}
.mod .ft {text-align:right;padding-right:18px;line-height:45px;}

/*common header*/
.header-common {width:960px;height:42px;line-height:42px;}
.header-common .logo {float:left;}
.header-common .comment-nav {float:left;padding-left:14px; padding-top:7px}
.header-common .comment-info {float:right; padding-top:7px}
.header-common .comment-info a,.header-common .comment-info span {padding-left:10px;}

/*comment-title*/
.comment-title {padding:17px 0;text-align:center;}
.comment-title h1 {-x-system-font:none;font-size:26px; font-weight:normal;line-height:40px;font-family:"宋体","microsoft yahei","黑体","Arial","Tahoma";font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;/*float:left;*/
display:inline;color:#444; font-weight:bold;}
.comment-title a {/*float:left;*/margin-top:16px;margin-left:8px;display:inline;color:#444; border-bottom:1px dashed #999; padding:2px 0;}
.comment-title a:hover {text-decoration:none; color:#000; border-bottom-style:solid; }
/*#title { }*/

/*list-main-title*/
#comment-list .main-title{overflow:hidden;zoom:1;float:left;width:217px;height:33px;padding:5px 0px 0px 10px;background:#FFFFFF;}
#comment-list .main-title a,#comment-list .main-title span{float:left;}
#comment-list .main-title span {padding-left:5px; padding-right:0px;line-height:35px;width:118px;}
#comment-list .main-title strong{color:#CC0000; font-weight:normal;}

/*common-pagination*/
.common-pagination {width:auto;float:right;padding-top:8px;margin-right:10px;display:inline}
.common-pagination a{float:right;height:21px;background:url(../images/comment_bg_pager_pn.png) left top no-repeat; padding-left:6px; color:#000;line-height:21px;margin-left:3px;display:inline;font-family:"Arial"; text-align:center}
.common-pagination a span {display:inline-block; height:21px; line-height:21px; background:url(../images/comment_bg_pager_pn.png) right top no-repeat; padding-right:6px;font-family:"Arial";}
.common-pagination a.sm { padding-left:4px; margin-left:2px}
.common-pagination a span.sm {padding:0 4px 0 0;}
.common-pagination a.disable {cursor:auto;font-family:"宋体";color:#C4C4C4;}
.common-pagination a.enable {font-family:"宋体";}
.common-pagination a:hover,.common-pagination a.this {background:url(../images/comment_bg_pager_pn.png) left bottom no-repeat;color:#fff;text-decoration:none;cursor:pointer}
.common-pagination a:hover span,.common-pagination a.this span {background:url(../images/comment_bg_pager_pn.png) right bottom no-repeat;}
.common-pagination a.disable:hover {background:url(../images/comment_bg_pager_pn.png) left top no-repeat;color:#C4C4C4;}
.common-pagination a.disable:hover span { background:url(../images/comment_bg_pager_pn.png) right top no-repeat;}
.common-pagination span.points {float:right;line-height:11px;padding:5px 6px;margin-left:3px;display:inline;font-family:"Arial"; text-align:center;border:0px;color:#000;} 
.common-pagination span.sm {padding:4px 4px; margin-left:2px}

/*list_title*/
.main .bd { border-top:1px solid #C3CBD5;}
.list_title {height:33px; line-height:33px;WIDTH: 634px; padding-left:14px; background: #fafcff; overflow:visible;}
.list_title span {  display:block; height:30px; width:609px; text-align:right; font-family:"黑体"; font-size:18px; color:#000;margin-top:2px; padding-right:11px; border-bottom:1px solid #C3CBD5;}

/*list_container*/
.list_container {width:648px;background:#FAFCFF;clear:both;overflow:hidden;zoom:1;padding-top:5px;/*border-top:1px solid #C3CBD5;*/color:#000; border-bottom:1px solid #C3CBD5;}
.list_container dl {width:620px;margin:0 auto;}
.list_container dt {width:598px;line-height:32px;padding:0 11px;}
.list_container dt span.user-info {float:left;color:#8D8D8D}
.list_container dt span.user-info em {color:#CC0000}
.list_container dt span.post-time {float:right;color:#8D8D8D}
.list_container dd {width:620px;border-bottom:1px dashed #C2C3BA;clear:both;text-align:left;text-indent:0px;padding-left:0px;}
.list_container dd p {font-size:14px;line-height:25px;text-align:left;padding-left:11px;padding-right:11px;word-wrap:break-word; overflow:hidden;}
.list_container dd .bar {width:100%;overflow:hidden;zoom:1;padding:5px 0px;}
.list_container dd .bar a.noclick {float:right;line-height:22px;padding-left:15px;padding-right:10px;margin-right:0px;margin-left:0px;}
.list_container dd .bar a.noclick:hover {text-decoration:none;}
.list_container dd .bar a.click {float:right;line-height:22px;padding-left:15px;padding-right:10px;margin-right:0px;margin-left:0px;background:#EBEFF7;text-align:center;border:1px solid #D3D8E7;border-bottom:0px;}
.list_container dd .bar a.lastclick {padding-right:9px;margin-right:0px;}
.list_container dd .bar a.zc,.list_container dd .bar a.fd {width:76px;text-align:left;}

/* citation */
.list_container dd.citation-wrapper {width:590px;padding-bottom:5px;padding-left:15px;padding-right:15px;padding-top:3px;border-bottom:0px;margin-bottom:0px;}
.citation {background:#FFFEF5;border:1px solid #D1D5DB;padding:3px;padding-bottom:10px;}
.citation  p {padding-left:11px;padding-right:11px;}
.citation-title {overflow:hidden;zoom:1;line-height:32px;padding-left:11px;padding-right:11px;}
.citation-title .user-name {float:left;color:#8D8D8D}
.citation-title .citation-number {float:right;color:#8D8D8D}
.wating {color:#8D8D8D;padding-top:10px;}

/*page-area*/
.page-area {width:648px;height:49px;border-bottom:1px solid #C3CBD5;padding-top:12px;background:#FAFCFF}

/*post-area*/
.post-area-wapper {width:648px;background:#FAFCFF;text-align:center;padding-top:0px;}
.post-area {width:598px;text-align:left;margin:0 auto;}
.post-area-title {width:602px;line-height:43px;text-align:left;margin:0 auto;}
.post-area-title strong {font-size:14px;color:#1C2C58;}
.post-area-title em {color:#CC0000;font-weight:normal;}
.post-area textarea {width:583px;height:100px; padding:6px;border:#a3b6d3 1px solid}
.post-area-action {width:595px;/*border-bottom:1px dashed #D4D7D3;*/overflow:hidden;zoom:1;padding-bottom:11px; padding-top:7px}
.post-area-action .left {float:left; padding-top:4px; color:#000; width:250px; text-align:left;}
.post-area-action .left a {float:left;line-height:27px;margin-top:0px;/*padding-left:10px;padding-right:10px;*/}
.post-area-action .left em {float:left;padding-left:2px;margin-top:3px;color:#76829A;}
.post-area-action .left em a {float:none; line-height:1; padding:0;}
.post-area-action .right {float:right;padding-top:0px;height:23px;margin-top:5px;}
.post-area-action .left .select {float:left;line-height:27px;margin-top:0px;padding-left:10px;padding-right:10px;border:1px solid #D4D7E6;border-bottom:0px;background:#FBFCFE}
/*.post-area-action .left a {float:left;line-height:27px;margin-top:0px;padding-left:10px;padding-right:10px;}*/


/*side-tab*/
.side-tab-title {float:right;width:150px;overflow:hidden;zoom:1;}
.side-tab-title span {float:left;height:28px;width:49px;line-height:28px;text-align:center;border:1px solid #DDE3EA;border-top:0px;border-bottom:0px;border-right:0px;cursor:pointer}
.side-tab-title span.select {font-weight: bold}

/*common-side-top*/
.side-common-top {width:280px;margin:0 auto;}
.side-common-top li {border-bottom:1px dotted #c2c3ba;color:#0B3B8C;text-align:left;overflow:hidden;zoom:1;width:277px;padding-top:4px;padding-bottom:6px;}
.side-common-top li em{float:left;width:33px;line-height:40px;font-size:18px;color:#C8D1DD;font-family:"microsoft yahei","Arial"; text-align:center;}
.side-common-top li .r_txt {float:left;width:233px;}
.side-common-top li .r_txt span {color:#0b3b8c}
.side-common-top li.noline {border:none}

/*ft-back-up*/
.back-up {width:100%;overflow:hidden;zoom:1;border-bottom:1px solid #D4D9E0;margin:0 auto;}
.back-up a,.back-up span {float:right;}
.back-up span  {padding-left:8px;padding-right:8px;}
.back-up a.up {background:url(../images/up.gif) no-repeat right center;padding-right:19px;margin-right:3px;display:inline}

/*copyrights*/
.copyrights {width:100%;text-align:center;height:24px;line-height:24px;color:#999; font-size:12px;font-family:Verdana,Arial;}

/*others*/
.main .hd .post-area {padding-top:0px;clear:both;background:#EBEFF8;width:625px;text-align:center;overflow:hidden;zoom:1;border:1px solid #D4D7E6;margin-bottom:11px;}
.main .hd .post-area-action {border-bottom:0px;margin:0 auto;}
.mb7 {margin-bottom:7px;}
.main .hd .post-area-action {line-height:22px;}
.main .hd  .post-area-action {width:595px;border-bottom:0px;overflow:hidden;zoom:1;padding-bottom:5px;}
.main .hd  .post-area-action .left {float:left; padding-top:4px; color:#000; width:250px; text-align:left;}
.main .hd  .post-area-action .left a {float:left;line-height:27px;margin-top:0px;}
.main .hd  .post-area-action .left em {float:left;padding-left:2px;margin-top:3px;color:#76829A;}
.main .hd  .post-area-action .left em a {float:none; line-height:1; padding:0;}
.main .hd  .post-area-action .right {float:right;padding-top:0px;height:23px;margin-top:5px;}
.main .hd  .post-area-action .left .select {background:#EBEFF8;padding-left:10px;padding-right:10px}

.btnReply{ float:right; display:block; background-color:Green;width:88px; height:28px; line-height:28px; border-width:0 1px 1px 0; color:White; font-weight:bold; letter-spacing:1px; cursor:pointer;}
.btnReply:hover { text-decoration:none; color:White;}

/*add_reply*/
.list_container dd .add_reply {width:618px;margin:0 auto;background:#EBEFF7;overflow:hidden;zoom:1;border:1px solid #D3D8E7;text-align:left;border-top:0px;padding-top:1px; float:left;}
.list_container dd .add_reply textarea {height:63px;}
.list_container dd .add_reply .post-area-wapper {width:602px;background:#EBEFF7;margin:0 auto;overflow:hidden;zoom:1;padding-top:0px;}
.list_container dd .add_reply .post-area {padding-top:5px;overflow:hidden;zoom:1;margin-left:1px; clear:right;}
.list_container dd .add_reply .post-area-action {border-bottom:0px;}
.list_container dd .add_reply .post-area-action .right {float:right;padding-top:0px;height:23px;margin-top:5px;}
.add_reply .post-area-action .left .select {background:#EBEFF7}

/*comment-list-reply*/
#comment-list-reply .main-title {overflow:hidden;zoom:1;float:left;width:233px;height:33px;padding:5px 11px 0px 6px;background:#FFFFFF;font-size:14px;}
#comment-list-reply .main-title strong {color:#0B3B8C;padding-left:17px;float:left;margin-top:3px;}
#comment-list-reply .page-area {border-bottom:0px;}

/*user-center-other*/
#user-center-other .comment-title h1 {width:100%;-x-system-font:none;font-size:26px; font-weight:normal;line-height:40px;font-family:"宋体","microsoft yahei","黑体","Arial","Tahoma";font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;color:#000;text-align:center;padding-left:0px; font-weight:bold;}
#user-center-other .main-title {overflow:visible;zoom:1;float:left;width:233px;height:33px;padding:5px 11px 0px 6px;background:#FFFFFF;font-size:14px;}
#user-center-other .main-title strong {color:#0B3B8C;padding-left:17px;float:left;margin-top:3px;}
#user-center-other .page-area {border-bottom:0px;}
#user-center-other .main-title span {float:left;font-size:12px;margin-top:5px;width:60px;overflow:visible}
#user-center-other .main-title em {color:#CC0000;}

/*user-center-info*/
.user-center-info {width:273px;margin:0 auto;overflow:hidden;zoom:1;}
.user-center-info p {padding:13px 0px;overflow:hidden;zoom:1;width:273px;}
.user-center-info p .head,.user-center-info p span {float:left;}
.user-center-info p .head {padding:3px;background:#fff;border:1px solid #DDE3EA;margin-left:16px;display:inline}
.user-center-info p span {padding-left:16px;line-height:25px;}
.user-center-info strong {font-size:14px;font-weight:bold;display:inline}
.user-center-info p.xian {padding:13px 0px;border-bottom:1px dashed #C2C3BA;}

/*user-center-self*/
#user-center-self .main-title {overflow:hidden;zoom:1;float:left;width:233px;height:33px;padding:5px 11px 0px 6px;background:#FFFFFF;font-size:14px;}
#user-center-self .main-title strong {color:#0B3B8C;padding-left:17px;float:left;margin-top:3px;}
#user-center-self .page-area {border-bottom:0px;}
#user-center-self .main-title span {float:left;font-size:12px;margin-top:5px;}
#user-center-self .main-title em {color:#CC0000;}
#user-center-self .main {border:0px;}
#user-center-self .main .main {border:1px solid #C3CBD6;}

/*user-center-myshow*/
.user-center-myshow {width:621px;background:#FAFCFF;padding:14px 0px 14px 27px;border-top:1px solid #D9E0E8}
.user-center-myshow li {line-height:30px;color:#8D8D8F;}
.user-center-myshow .message {text-indent:24px;}
.user-center-myshow .sys {text-indent:24px;}
